<template>
    <div class="header">
        <div class="header-left">
            <div class="icon iconfont icon-fanhui back-icon"></div>
        </div>
        <div class="header-input">
            <span class="icon iconfont icon-huanyihuan"></span>
            输入城市/景点/游玩主题
        </div>
        <router-link tag="div" to="/city" class="header-right">
             <!-- <div class="header-right" > -->
                北京
            <span class="icon iconfont icon-jiantouxia  arrow-icon"></span> 
            <!-- </div> -->
        </router-link>
       
    </div>
</template>   

<script>
    export default {
        name:"Header",

    }
</script>

<style lang="stylus" scoped>
.header
    display :flex;
    line-height :.86rem;
    background : #00c5c3;
    color:#fff
    .header-left
        width :.64rem
        float left
        .back-icon
            text-align: center
            font-size:  .4rem
    .header-input
        flex:1
        height .64rem
        line-height  .64rem
        margin-top  .12rem
        margin-left  .12rem
        padding-left  .2rem
        background  #ffffff
        border-radius  .1rem
        color  #cccccc
    .header-right
        min-width  1.04rem
        padding   0  .1rem
        float right
        text-align  center
        .arrow-icon
            margin-left  -0.08rem
            font-size  .24rem
        


</style>